<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css样式练习</title>
    <style type="text/css">
       div{width:150px;
           height:200px;
           font-size:20px;
       }
       #n2{background:#aaaabb;
       }
       .test3{background:#0000aa;
       }
    </style>
</head>
<body>
    <!-- css样式
    1）行内样式：添加style属性 属性值就为样式值
    2）内部样式：在<head>标签中添加<style标签> 使用选择器
            选择器 标签选择器 id选择器 class选择器
    3) 外部样式：
    -->
    <div id="n1" class="test1" style="width:100px;height:100px;background:yellow">测试数据1</div>
    <div id="n2" class="test2">测试数据2</div>
    <div id="n3" class="test3">测试数据3</div>

</body>
</html>